<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <style type="text/css">
    	html,body{
			height:100%;
		}
		iframe{
			border: 0;
			width: 100%;
			height: 100%;
		}
        .notice{
        }
        .notice-t{
            display: flex;
            line-height: 27px;
        }
        .notice-t-l{
            width: 25%;
            background-color: #f2f2f2;
            text-align: center;

        }
        .title{
            font-size: 14px;
            font-weight: bold;
            color: #3b97d7;
        }
        .notice-t-r{
            width: 75%;
            background-color: #0099ff;
        }
        .moreBtn {
            font-size: 12px;
            color: #ffffff;
            display: inline-block;
            height: 20px;
            position: absolute;
            right: 10px;
            top: 1px;
        }
        .notice-b{
        }
    </style>
</head>
<body>
    <!--通知公告-->
    <div style="padding: 20px; background-color: #F2F2F2;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">通知公告</div>
                    <div class="layui-card-body">
                        <table class="layui-hide" id="dataList" lay-filter="dataList"></table>
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">待办事项</div>
                    <div class="layui-card-body">
                        待办
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--<div class="layui-col-xs6">
        <div class="notice">
            <div class="notice-t">
                <div class="notice-t-l">
                    <span class="title">通知公告</span>
                </div>
                <div class="notice-t-r">
                    <a href="javascript:void(0)" class="moreBtn">更多</a>
                </div>
            </div>
            <div class="notice-b">
                <div class="">
                </div>
            </div>
        </div>
    </div>-->
<!--</div>-->
<script type="text/javascript" src="/lib/layui/layui.js"></script>
<script src="/static/js/main.js"></script>
<script>
    layui.use(['jquery','form', 'configureCom', 'configure','selectFun', 'sessionFun', 'table', 'matchDict'], function () {
        var $ = layui.jquery;
        var configure = layui.configure;
        var form = layui.form;
        var table = layui.table;
        var sessionFun = layui.sessionFun;
        var selectFun = layui.selectFun;
        var matchDict = layui.matchDict;
        var configureCom = layui.configureCom;
        // 通知
        var cols = [[
            {field: 'noticeTitle',width:500, title: '通知标题'},
            {field: 'createTime', title: '发布时间'}
        ]];
        configureCom.tableRenderPanel(configure.NOTICE_ACCEPT_NOTICE_LIST_HTTP, {}, cols, 'dataList', 3, 'full-500');
        table.on('row(dataList)', function (obj) {// 双击选中
            console.log(obj);
            top.layer.open({
                type: 2,
                title: '查看',
                area: configureCom.Psize1,
                content: configure.NOTICE_NOTICE_SEE_NOTICE_HTML + '?noticeId=' + obj.data.noticeId
            });
        });
    });
    </script>
</body>